.container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    width: 100%;
    height: 100%;


}

.btn1{
    margin-left: 10px;
    width: 600px;
    height: 200px;
    color: #fff;
    background-color:rgba(210,105,30,0.7);

    border-radius: 100px;
/*    box-shadow: 10px 10px 5px 10px Purple inset;*/
/*margin-top: 80%;*/
/*!*    margin-right: 70%;*!*/
/*    border-radius: 100px;*/

}

.btn2{

    width: 400px;
    height: 500px;
    color: #fff;
    margin-left: 10%;
    margin-right: 15%;
    background-color:rgba(255,160,122,0.5);
    border-radius: 40px;
    box-shadow: 10px 10px rgba(100,149,237,1);

}
.btn3{
    background-color: saddlebrown;
    width: 300px;height: 180px;
top: 5%;
    bottom: 0;
    left: 0;
    margin-top: 40%;
    margin-left: 30%;
    position: absolute;background: linear-gradient(100deg, transparent 90px, rgba(255,160,122,0.6) 0);
    background-repeat: no-repeat;
}

.btn4{
    background-color: saddlebrown;
    width: 250px;height: 180px;
    top: 15%;
    bottom: 0;
    left: 0;
    margin-top: 30%;
    margin-left: 20%;
    position: absolute;
    background: linear-gradient(280deg, transparent 68px, rgba(210,105,30,0.8) 0);
    background-repeat: no-repeat;
}
/*.box{*/
/*    flex-direction: column;*/
/*    justify-content: center;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    font-size: 16px;*/
/*}*/

/*.title {*/
/*font-size: 20px;*/
/*    left: 0;*/
/*    top: 0;*/
/*    position: absolute;*/
/*    line-height: 60px;*/
/*}*/
/*.row{*/
/*    flex-direction: row;*/
/*    padding: 10px;*/

/*}*/
/*.center{*/
/*    justify-content: center;*/
/*}*/
/*.center>input{*/
/*    margin:20px;*/
/*}*/
/*.label{*/
/*    width: 100px;*/
/*    flex-shrink: 0;*/
/*    text-align: center;*/
/*}*/
/*.input{*/
/*    margin-left: 5px;*/
/*}*/
/*@keyframes kk{*/
/*    0%{transform: rotateZ(0deg);}*/

/*    100%{transform: rotateZ(360deg) ;}*/
/*}*/
/*.title {*/
/*    font-size: 40px;*/
/*    text-align: center;*/
/*    width: 100%;*/
/*    height: 40%;*/
/*    margin: 10px;*/
/*}*/

/*@media screen and (device-type: tablet) and (orientation: landscape) {*/
/*    .title {*/
/*        font-size: 100px;*/
/*    }*/
/*}*/
/*@media screen and (device-type: wearable) {*/
/*    .title {*/
/*        font-size: 28px;*/
/*        color: #FFFFFF;*/
/*    }*/
/*}*/
@media screen and (device-type: tv) {

    .box{
        background-image: url('common/images/01.png');
    }
/*    .title {*/
/*        font-size: 100px;*/
/*        color: #FFFFFF;*/
/*    }*/
}
@media screen and (device-type: phone) and (orientation: landscape) {
    .title {
        font-size: 60px;
        
    }
    .box{
        background-image: url('common/images/10.png');
    }
}